<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>

<html lang="en">

<head>

    <meta charset="utf-8">

    <title>开盘红股票交易系统-卖出委托</title>

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <link rel="stylesheet" href="css/bootstrap.css">

    <link rel="stylesheet" href="css/font-awesome.min.css">

    <link rel="stylesheet" href="css/style.css">

    <link rel="stylesheet" href="css/plugin.css">

    <link rel="stylesheet" href="css/landing.css">

    <!--[if lt IE 9]>

    <script src="js/ie/respond.min.js"></script>

    <script src="js/ie/html5.js"></script>

    <![endif]-->

    <script src="js/jquery.min.js"></script>

    <!-- Bootstrap -->

    <script src="js/bootstrap.js"></script>

    <!-- app -->

    <script src="js/app.js"></script>

    <script src="js/app.plugin.js"></script>

    <script src="js/app.data.js"></script>
    <!-- / footer -->

    <script src="js/jquery.min.js"></script>

    <!-- Bootstrap -->

    <script src="js/bootstrap.js"></script>

    <!-- app -->

    <script src="js/app.js"></script>

    <script src="js/app.plugin.js"></script>

    <script src="js/app.data.js"></script>

    <!-- Sparkline Chart -->

    <script src="js/charts/sparkline/jquery.sparkline.min.js"></script>

    <script src="js/ie/excanvas.js"></script>

    <!-- Easy Pie Chart -->

    <script src="js/charts/easypiechart/jquery.easy-pie-chart.js"></script>
    <!--Datatables-->
    <script src="js/datatables/jquery.dataTables.js"></script>
    <link rel="stylesheet" type="text/css" href="css/datatables/jquery.dataTables.css">
    <script type="text/javascript" src="js/datatables/dataTables.bootstrap4.js"></script>

    <!--Moment-->
    <script src="js/moment.js"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            $("#mdata").DataTable({
                language:{
                    url:"zh_CN.json"
                },
                ajax: {
                    url:"http://localhost:6060/StockTrade_war/API/Open/Open",
                    dataSrc:'data'
                },
                columns:[
                    {data:"idcard"},
                    {data:"account"},
                    {data:"opentime",render:function(data, type, full, meta){
                        console.log(data)
                        return moment(parseInt(data)).format("YYYY-MM-DD HH:mm:ss")
                        }},
                    {data:"passtime",render:function(data, type, full, meta){
                        if(data)
                        {
                            return moment(parseInt(data)).format("YYYY-MM-DD HH:mm:ss")
                        }
                        else
                        {
                            return "审核中，请耐心等待"
                        }
                        }
                    }
                ],
                bAutoWidth:true
            });

        })
    </script>
</head>

<body>

<!-- header -->

<header id="header" class="navbar">

    <ul class="nav navbar-nav navbar-avatar pull-right">

        <li class="dropdown">

            <a href="#" class="dropdown-toggle" data-toggle="dropdown">

                <span class="hidden-sm-only" id="Username">Mika Sokeil</span>

                <b class="caret hidden-sm-only"></b>

            </a>

            <ul class="dropdown-menu">

                <li><a href="#">设置</a></li>

                <li><a href="#">个人信息</a></li>


                <li class="divider"></li>

                <li><a href="index.jsp">Logout</a></li>

            </ul>

        </li>

    </ul>

    <a class="navbar-brand" href="#">开盘红股票交易系统</a>


</header>
<!-- / header -->

<!-- nav -->

<nav id="nav" class="nav-primary visible-lg nav-vertical">

    <ul class="nav" data-spy="affix" data-offset-top="50">

        <li><a href="main.jsp"><i class="icon-dashboard icon-xlarge"></i>首页</a></li>

        <li class="dropdown-submenu">

            <a href="#"><i class="icon-th icon-xlarge"></i>股票交易</a>

            <ul class="dropdown-menu active">

                <li><a href="stocktrade.jsp">股票交易</a></li>
                <li class="active"><a href="trade.jsp">交易记录</a></li>

            </ul>

        </li>

        <li class="dropdown-submenu">

            <a href="#"><i class="icon-list icon-xlarge"></i>开户</a>

            <ul class="dropdown-menu">

                <li><a href="open.jsp">提交开户信息</a></li>

                <li><a href="openresult.jsp">查询开户结果</a></li>

            </ul>

        </li>

        <li class="dropdown-submenu">

            <a href="#"><i class="icon-link icon-xlarge"></i>其他操作</a>

            <ul class="dropdown-menu">

                <li><a href="changepw.jsp">修改密码</a></li>

                <li><a href="index.jsp">退出登陆</a></li>

            </ul>

        </li>

    </ul>

</nav>

<!-- / nav -->

<section id="content">

    <section class="main padder">

        <div class="clearfix">

            <h4>开户记录</h4>

        </div>

        <div class="row">
            <section class="panel">

                <div class="pull-out">

                    <table class="table table-striped m-b-none" id="mdata">

                        <thead>

                        <tr>

                            <th>身份证号</th>

                            <th>银行卡号</th>

                            <th>提交时间</th>

                            <th>通过时间</th>

                        </tr>

                        </thead>

                        <tbody>

                        </tbody>

                    </table>

                </div>

            </section>

        </div>

    </section>

</section>

<!-- .modal -->



</body>

</html>